<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div{
				text-align: center;
			}
			.header{
				/* height: 200px; */
		 
			}
			.content{
				height: 200px;
			 
				
			}
			.footer{
				height: 200px;
				 
			}
			
			.logo{
				background-color: purple;
				/* height: 50px; */
			}
			.nav{
				background-color: skyblue;
			}
		</style>
	</head>
	<body>
		
		
		<div class="header">
			
			<div class="logo">
				<img src="images/百度.png" alt="图片丢失了" title="百度图片" >
			</div>
			<div class="nav">
				<a href="#">新闻</a>
				<a href="#">网页</a>
				<a href="#">贴吧</a>
				<a href="#">知道</a>
				<a href="#">音乐</a>
				<a href="#">图片</a>
				<a href="#">视频</a>
				<a href="#">地图</a>
			</div>

			
		</div>
		<div class="content">
			<div>
				<input type="text" name="" id="">
				<input type="submit" value="">
			</div>
		
		<div>
		<a href="#">百科</a
		<a href="#">文库</a>
		<a href="#">hao123</a>
		<a href="#">更多>></a>	
		</div>

			
		</div>
		<div class="footer">
			<div>
				<a href="#">把百度设为主页</a>
				<a href="#">安装百度卫士</a>
				
			</div>
			
			<div>
				<a href="#"> 加入百度推广</a>|
				<a href="#"> 搜索风云榜</a>|
				<a href="#"> 关于百度</a>|
				<a href="#">About Baidu</a>
			</div>

			
		</div>
		
	</body>
</html>